* {
    margin: 0px;
    padding: 0px;
}

p {
    color: white;
    font-size: 20px;
    position: absolute;
    top: 20px;
    left: 310px;
}

.one {
    position: absolute;
    top: 20px;
    left: 840px;
    color: white;
    font-size: 25px;
}

.one:hover {
    color: rgb(140, 142, 245);
}

.two {
    color: white;
    font-size: 25px;
    position: absolute;
    top: 20px;
    left: 930px;
}

.two:hover {
    color: rgb(140, 142, 245);
}

.three {
    color: white;
    font-size: 25px;
    position: absolute;
    top: 20px;
    left: 1010px;
}

.three:hover {
    color: rgb(140, 142, 245);
}

.four {
    color: white;
    font-size: 25px;
    position: absolute;
    top: 20px;
    left: 1090px;
}

.four:hover {
    color: rgb(140, 142, 245);
}

img {
    height: 3240px;
    width: 960px;
    position: absolute;
    left: 280px;
    z-index: -1;
    background-repeat: no-repeat;
}

div h1 {
    color: white;
    font-size: 100px;
    position: absolute;
    top: 100px;
    left: 635px;
    animation-name: h1;
    animation-iteration-count: infinite;
    animation-delay: 0.2s;
    animation-duration: 3s;
}

@keyframes h1 {
    0% {
        transform: scale(0)
    }
    100% {
        transform: scale(100px);
    }
}

h3 {
    color: white;
    font-size: 40px;
    position: absolute;
    top: 260px;
    left: 540px;
}

a {
    color: black;
    font-size: 30px;
    text-align: center;
    width: 150px;
    height: 30px;
    text-decoration: none;
    font-family: glamor Medium Extended;
}

.small {
    background-color: white;
    width: 150px;
    height: 40px;
    border-radius: 10px;
    text-align: center;
    position: absolute;
    top: 370px;
    left: 685px;
}

h2 {
    font-size: 60px;
    color: white;
    position: absolute;
    top: 500px;
    left: 580px;
}

.box {
    color: white;
    height: 40px;
    width: 550px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 750px;
    left: 480px;
    font-size: 20px;
}

.line {
    height: 3px;
    flex-grow: 1;
    background-color: rgb(255, 255, 255);
}

.ai {
    width: 100px;
    height: 100px;
    background-color: rgb(245, 222, 179);
    color: white;
    border-radius: 50px;
    text-align: center;
    line-height: 100px;
    font-size: 30px;
    position: absolute;
    top: 880px;
    left: 550px;
    animation-name: move;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

@keyframes move {
    0% {
        transform: scale(0) rotate(0deg)
    }
    100% {
        transform: scale(1.5) rotate(360deg);
    }
}

.ps {
    width: 100px;
    height: 100px;
    background-color: rgb(245, 222, 179);
    color: white;
    border-radius: 50px;
    text-align: center;
    line-height: 100px;
    font-size: 30px;
    position: absolute;
    top: 880px;
    left: 705px;
    animation-name: ps;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-delay: 0.8s;
    animation-direction: alternate;
}

@keyframes ps {
    0% {
        transform: scale(0) rotate(0deg)
    }
    100% {
        transform: scale(1.5) rotate(360deg);
    }
}

.ax {
    width: 100px;
    height: 100px;
    background-color: rgb(245, 222, 179);
    color: white;
    border-radius: 50px;
    text-align: center;
    line-height: 100px;
    font-size: 30px;
    position: absolute;
    top: 880px;
    left: 860px;
    animation-name: ax;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-delay: 1.6s;
    animation-direction: alternate;
}

@keyframes ax {
    0% {
        transform: scale(0) rotate(0deg)
    }
    100% {
        transform: scale(1.5) rotate(360deg);
    }
}

.numberone {
    position: absolute;
    top: 1000px;
    left: 583px;
    color: white;
    font-size: 20px;
}

.numbertwo {
    position: absolute;
    top: 1000px;
    left: 737px;
    color: white;
    font-size: 20px;
}

.numberthree {
    position: absolute;
    top: 1000px;
    left: 892px;
    color: white;
    font-size: 20px;
}

.zp {
    position: absolute;
    top: 1100px;
    left: 720px;
}

body {
    perspective: 300px;
}

.m {
    position: absolute;
    top: 1270px;
    left: 450px;
    height: 350px;
    width: 250px;
    box-shadow: 0px 10px 50px grey;
}

.m:hover {
    transform: scale(1.5);
    transition: all 1s;
    z-index: 1;
}

.zy {
    position: absolute;
    top: 1270px;
    left: 800px;
    height: 350px;
    width: 250px;
    box-shadow: 0px 10px 50px grey;
}

.zy:hover {
    transform: scale(1.5);
    transition: all 1.5s;
    z-index: 1;
}

.hb {
    color: white;
    position: absolute;
    top: 1390px;
    right: 360px;
    font-size: 30px;
    animation-name: hb;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

@keyframes hb {
    0% {
        transform: translatey(0px);
    }
    25% {
        transform: translatey(-10px);
    }
    50% {
        transform: translateY(10px);
    }
    100% {
        transform: translateY(0px);
    }
}

.z {
    position: absolute;
    top: 1235px;
    left: 600px;
    width: 300px;
    height: 420px;
    box-shadow: 0px 10px 30px grey;
}

.z:hover {
    transform: scale(1.5);
    transition: all 1.5s;
    z-index: 1;
}

.ch1 {
    position: absolute;
    top: 1740px;
    left: 450px;
    height: 350px;
    width: 250px;
    box-shadow: 0px 10px 30px grey;
}

.lm {
    color: white;
    position: absolute;
    top: 1870px;
    right: 360px;
    font-size: 30px;
    animation-name: lm;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

@keyframes lm {
    0% {
        transform: translatey(0px);
    }
    25% {
        transform: translatey(-10px);
    }
    50% {
        transform: translateY(10px);
    }
    100% {
        transform: translateY(0px);
    }
}

.ch1:hover {
    transform: scale(1.5);
    transition: all 1.5s;
    z-index: 1;
}

.ch2 {
    position: absolute;
    top: 1740px;
    left: 800px;
    height: 350px;
    width: 250px;
    box-shadow: 0px 10px 30px grey;
}

.ch2:hover {
    transform: scale(1.5);
    transition: all 1.5s;
    z-index: 1;
}

.ch3 {
    position: absolute;
    top: 1700px;
    left: 600px;
    width: 300px;
    height: 420px;
    box-shadow: 0px 10px 30px grey;
}

.ch3:hover {
    transform: scale(1.5);
    transition: all 1.5s;
    z-index: 1;
}

.ch4 {
    position: absolute;
    top: 2205px;
    left: 450px;
    height: 350px;
    width: 250px;
    box-shadow: 0px 10px 30px grey;
}

.ch4:hover {
    transform: scale(1.5);
    transition: all 1.5s;
    z-index: 1;
}

.ch5 {
    position: absolute;
    top: 2205px;
    left: 800px;
    height: 350px;
    width: 250px;
    box-shadow: 0px 10px 30px grey;
}

.ch5:hover {
    transform: scale(1.5);
    transition: all 1.5s;
    z-index: 1;
}

.ch6 {
    position: absolute;
    top: 2230px;
    left: 560px;
    width: 420px;
    height: 300px;
    box-shadow: 0px 10px 30px grey;
}

.ch6:hover {
    transform: scale(1.5);
    transition: all 1.5s;
    z-index: 1;
}

.yc {
    color: white;
    position: absolute;
    top: 2320px;
    right: 360px;
    font-size: 30px;
    animation-name: yc;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

@keyframes yc {
    0% {
        transform: translatey(0px);
    }
    25% {
        transform: translatey(-10px);
    }
    50% {
        transform: translateY(10px);
    }
    100% {
        transform: translateY(0px);
    }
}

.ah {
    position: absolute;
    top: 2630px;
    left: 725px;
    color: white;
    font-size: 40px;
}

.ms {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 2700px;
    left: 500px;
    animation-name: ms;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: linear;
}

@keyframes ms {
    0% {
        transform: translatex(0);
    }
    50% {
        transform: translateX(-100px);
    }
    100% {
        transform: translateX(-150px);
    }
}

.sy {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 2700px;
    left: 700px;
    animation-name: sy;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: linear;
}

@keyframes sy {
    0% {
        transform: translatey(0);
    }
    50% {
        transform: translatey(100px);
    }
    100% {
        transform: translatey(150px);
    }
}

.yy {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 2700px;
    left: 900px;
    animation-name: yy;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: linear;
}

@keyframes yy {
    0% {
        transform: translatex(0);
    }
    50% {
        transform: translateX(100px);
    }
    100% {
        transform: translateX(150px);
    }
}

.xs {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 2800px;
    left: 600px;
    animation-name: xs;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: linear;
}

@keyframes xs {
    0% {
        transform: translatey(0);
    }
    50% {
        transform: translatey(-100px);
    }
    100% {
        transform: translatey(-150px);
    }
}

.hh {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 2800px;
    left: 800px;
    animation-name: hh;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: linear;
}

@keyframes hh {
    0% {
        transform: translatey(0);
    }
    50% {
        transform: translatey(-100px);
    }
    100% {
        transform: translatey(-150px);
    }
}

.zw1 {
    position: absolute;
    top: 2800px;
    left: 530px;
    color: white;
    font-size: 20px;
}

.zw2 {
    position: absolute;
    top: 2800px;
    left: 730px;
    color: white;
    font-size: 20px;
}

.zw3 {
    position: absolute;
    top: 2800px;
    left: 930px;
    color: white;
    font-size: 20px;
}

.zw4 {
    position: absolute;
    top: 2900px;
    left: 630px;
    color: white;
    font-size: 20px;
}

.zw5 {
    position: absolute;
    top: 2900px;
    left: 830px;
    color: white;
    font-size: 20px;
}

.lxfs {
    color: white;
    font-size: 40px;
    position: absolute;
    top: 3000px;
    left: 700px;
}

.q {
    font-size: 30px;
    position: absolute;
    top: 3100px;
    left: 510px;
    color: white;
}

.w {
    font-size: 30px;
    position: absolute;
    top: 3100px;
    left: 710px;
    color: white;
}

.yx {
    font-size: 30px;
    position: absolute;
    top: 3100px;
    left: 950px;
    color: white;
}